import React from "react";

import Base from "../../component/Base";
import Layout from "../../component/Layout";
import Form from "../../component/Form";

/**
 * 表单
 */
export default class FormExample extends React.Component
{
    render ()
    {
        return <Layout.Empty>

            <Base.Crumb items={[{title:"主页", url:"/"}, {title:"表单",url:"/form"}]}/>

            <Layout.Margin>

                <Layout.Panel>
                    <Layout.Padding>
                        <Form.Text label="用户名称" placeholder="请输入名称"/>
                        <Form.Password label="密码" placeholder="请输入名称" />
                        <Form.Text label="用户名称" placeholder="请输入名称" />
                        <Form.Text label="用户名称" placeholder="请输入名称" />
                    </Layout.Padding>
                </Layout.Panel>

                <Layout.Horizontal style={{marginTop:"15px"}}>
                    <Layout.Panel>
                        <Layout.Padding>
                            <Form.Text label="用户名称" placeholder="请输入名称" />
                            <Form.Text label="密码" placeholder="请输入名称" />
                            <Form.Text label="用户名称" placeholder="请输入名称" />
                            <Form.Text label="用户名称" placeholder="请输入名称" />
                        </Layout.Padding>
                    </Layout.Panel>

                    <Layout.Panel style={{marginLeft:"15px"}}>
                        <Layout.Padding>
                            <Form.Text label="用户名称" placeholder="请输入名称" />
                            <Form.Text label="密码" placeholder="请输入名称" />
                            <Form.Text label="用户名称" placeholder="请输入名称" />
                            <Form.Text label="用户名称" placeholder="请输入名称" />
                        </Layout.Padding>
                    </Layout.Panel>

                </Layout.Horizontal>

                <Layout.Panel style={{marginTop:"1rem"}}>
                    <Layout.Padding>
                        <Form.Text label="用户名称" placeholder="请输入名称" />
                        <Form.Text label="密码" placeholder="请输入名称" />
                        <Form.Text label="用户名称" placeholder="请输入名称" />
                        <Form.Text label="用户名称" placeholder="请输入名称" />
                    </Layout.Padding>
                </Layout.Panel>

            </Layout.Margin>

            <Layout.Margin>

            </Layout.Margin>
        </Layout.Empty>
    }
}